<div class="content-main">
    <div class="content-header">
        <div class="header-inner">
            <h2>Design</h2>
            <p class="subheader">Customize the way Twitter looks for you and how your profile looks to others.</p>
        </div>
    </div>
    <div class="content-inner no-stream-end">
        <form action="https://twitter.com/settings/design/update" enctype="multipart/form-data" method="post" class="form-horizontal" id="design-form">
            <input type="hidden" value="95a860b8d76fbe21c8f61c0cba40b8cbbd717d86" name="authenticity_token">
            <div style="display: none;" class="alert" id="settings-alert-box">
                <i class="close" id="settings-alert-close"></i>
            </div>
            <h3 class="settings-header">Pick a premade theme</h3>
            <input type="hidden" value="18" name="profile_theme" id="user_profile_theme">
            <input type="hidden" value="" name="user[profile_default]" id="user_profile_default">
            <fieldset class="control-group">
                <ul class="theme-list clearfix">
                    <li class="theme-item">
                        <label data-tiled="false" data-link_color="#0084B4" data-background_color="#C0DEED" data-id="1" data-image="/images/themes/theme1/bg.png" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme1/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="false" data-link_color="#1F98C7" data-background_color="#C6E2EE" data-id="2" data-image="/images/themes/theme2/bg.gif" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme2/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="false" data-link_color="#088253" data-background_color="#EDECE9" data-id="3" data-image="/images/themes/theme3/bg.gif" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme3/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="false" data-link_color="#0099B9" data-background_color="#0099B9" data-id="4" data-image="/images/themes/theme4/bg.gif" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme4/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="false" data-link_color="#D02B55" data-background_color="#352726" data-id="5" data-image="/images/themes/theme5/bg.gif" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme5/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="false" data-link_color="#FF3300" data-background_color="#709397" data-id="6" data-image="/images/themes/theme6/bg.gif" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme6/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="false" data-link_color="#990000" data-background_color="#EBEBEB" data-id="7" data-image="/images/themes/theme7/bg.gif" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme7/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="false" data-link_color="#9D582E" data-background_color="#8B542B" data-id="8" data-image="/images/themes/theme8/bg.gif" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme8/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="false" data-link_color="#2FC2EF" data-background_color="#1A1B1F" data-id="9" data-image="/images/themes/theme9/bg.gif" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme9/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="true" data-link_color="#FF0000" data-background_color="#642D8B" data-id="10" data-image="/images/themes/theme10/bg.gif" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme10/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="true" data-link_color="#B40B43" data-background_color="#FF6699" data-id="11" data-image="/images/themes/theme11/bg.gif" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme11/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="false" data-link_color="#FF0000" data-background_color="#BADFCD" data-id="12" data-image="/images/themes/theme12/bg.gif" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme12/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="false" data-link_color="#93A644" data-background_color="#B2DFDA" data-id="13" data-image="/images/themes/theme13/bg.gif" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme13/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="true" data-link_color="#009999" data-background_color="#131516" data-id="14" data-image="/images/themes/theme14/bg.gif" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme14/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="false" data-link_color="#0084B4" data-background_color="#022330" data-id="15" data-image="/images/themes/theme15/bg.png" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme15/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="false" data-link_color="#0084B4" data-background_color="#9AE4E8" data-id="16" data-image="/images/themes/theme16/bg.gif" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme16/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="false" data-link_color="#CC3366" data-background_color="#DBE9ED" data-id="17" data-image="/images/themes/theme17/bg.gif" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme17/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="false" data-link_color="#038543" data-background_color="#ACDED6" data-id="18" data-image="/images/themes/theme18/bg.gif" class="theme selected">
                            <span class="selected-border"></span><img src="/images/themes/theme18/swatch.gif" class="theme-image">
                        </label>
                    </li>
                    <li class="theme-item">
                        <label data-tiled="false" data-link_color="#0099CC" data-background_color="#FFF04D" data-id="19" data-image="/images/themes/theme19/bg.gif" class="theme">
                            <span class="selected-border"></span><img src="/images/themes/theme19/swatch.gif" class="theme-image">
                        </label>
                    </li>
                </ul>
                <div class="themeleon-callout">
                    <strong>
                        <a id="themeleon_link" target="_blank" href="http://www.colourlovers.com/themeleon/twitter">Check out Themeleon »</a>
                    </strong>
                    Thousands of background patterns &amp; color palettes available to customize your Twitter profile.
                </div>
            </fieldset>
            <hr>
            <h3 class="settings-header">Customize your own</h3>
            <fieldset class="control-group">
                <p>See your changes instantly; they're not saved until you click "Save changes." <a target="_blank" href="https://support.twitter.com/articles/15357">Learn more</a>.</p>
            </fieldset>
            <fieldset class="control-group">
                <label class="control-label">Upload image</label>
                <div class="controls background-settings">
                    <div class="uploader-image uploader-background clearfix">
                        <span style="background-image: url(https://twimg0-a.akamaihd.net/images/themes/theme18/bg.gif)" class="image-preview bg-preview" id="image_preview"></span>
                        <div class="uploader-tools">
                            <input type="hidden" value="true" name="user[profile_use_background_image]" id="user_profile_use_background_image">
                            <div class="photo-selector">
                                <button type="button" class="btn">Choose file</button>
                                <span class="photo-file-name">No file selected</span>
                                <div class="image-selector">
                                    <input type="hidden" class="file-name" name="media_file_name">
                                    <input type="hidden" class="file-data" name="media_data_empty">
                                    <input type="file" class="file-input" name="media_empty">
                                    <div class="swf-container"></div>
                                </div>
                            </div>
                            <p>Maximum size of 800k. GIF, JPG, PNG.</p>
                            <label class="checkbox">
                                <input type="checkbox" value="1" name="user[profile_background_tile]" id="user_profile_background_tile">
                                <input type="hidden" value="0" name="user[profile_background_tile]"> Tile background</label>

                            <button type="button" id="remove_background" class="btn-link">Remove background</button>
                        </div>
                    </div>
                </div>
            </fieldset>
            <fieldset class="control-group">
                <label class="control-label">Background</label>
                <div class="controls">
                    <div style="background-color: #ACDED6;" class="color-preview" id="background_color"></div>
                    <input type="text" name="user[profile_background_color]" value="#ACDED6" data-color="#ACDED6" data-type="background_color" class="input-small input-color" id="background_color_hex">
                </div>
            </fieldset>
            <fieldset class="control-group">
                <label class="control-label">Links</label>
                <div class="controls">
                    <div style="background-color: #038543;" class="color-preview" id="links_color"></div>
                    <input type="text" name="user[profile_link_color]" value="#038543" data-color="#038543" data-type="links_color" class="input-small input-color" id="links_color_hex">
                </div>
            </fieldset>
            <hr>
            <div class="form-actions">
                <button type="submit" class="btn primary-btn" id="settings_save">Save changes</button>
            </div>    </form>
    </div>
</div>